<html>
    <head>
    <meta charset="UTF-8">
    <title>夜读书App</title>
    <meta name="description" content="夜读书 App" />
    <meta name="keywords"  content="夜读书, yedushu, iPhone App, Android App" />
    <style>
        html {
            height: 100%;
        }
        body {
            background-image: url(images/appbg.jpg);
            background-repeat:no-repeat;
            filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
            -moz-background-size:100% 100%;  
            background-size:100% 100%;
        }
        .content {
            width: 80%;
            margin: 0 auto;
            padding-top: 6%;
        }
        .intro img{
            width:50%;
        }
        .info {
            width: 50%;
            position: absolute;
            left: 50%;
            padding-top: 10px;
        }
        .tit {
            margin-top: 0;
            font-size: 30px;
            color: #666;
            font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono";
            font-weight: 300;
            font-style: normal;
        }
        .android_yds {
            width: 300;
        }
        .android_yds img {
            width: 300px;
        }
        .atext {
            text-align: center;
            font-size: 18px;
        }
    </style>
    </head>
    <body>
        <div class="content">
            <div class="intro">
                <div class="info">
                    <div class="tit">夜读书</div>
                    <div class="android_yds">
                        <img src="images/android_yds.png"></img>
                        <div class="atext">安卓客户端</div>
                    </div>
                </div>
                <img src="images/picapp01.png"></div>                
            </div>            
        </div>
    </body>
</html>